<body>
<!--custom popup-->
<div class="popup_wrap d_none" id="quick_view_product">
  <section class="popup r_corners shadow">
    <button class="bg_tr color_dark tr_all_hover text_cs_hover close f_size_large"><i class="fa fa-times"></i></button>
    <div class="clearfix">
      <div class="custom_scrollbar"> 
        <!--left popup column-->
        <div class="f_left half_column">
          <div class="relative d_inline_b m_bottom_10 qv_preview"> <span class="hot_stripe"><img src="<?php echo base_url('assets');?>/images/sale_product.png" alt=""></span> <img src="<?php echo base_url('assets');?>/images/quick_view_img_1.jpg" class="tr_all_hover" alt=""> </div>
          <!--carousel-->
          <div class="relative qv_carousel_wrap m_bottom_20">
            <button class="button_type_11 t_align_c f_size_ex_large bg_cs_hover r_corners d_inline_middle bg_tr tr_all_hover qv_btn_prev"> <i class="fa fa-angle-left "></i> </button>
            <ul class="qv_carousel d_inline_middle">
              <li data-src="<?php echo base_url('assets');?>/images/quick_view_img_1.jpg"><img src="<?php echo base_url('assets');?>/images/quick_view_img_4.jpg" alt=""></li>
              <li data-src="<?php echo base_url('assets');?>/images/quick_view_img_2.jpg"><img src="<?php echo base_url('assets');?>/images/quick_view_img_5.jpg" alt=""></li>
              <li data-src="<?php echo base_url('assets');?>/images/quick_view_img_3.jpg"><img src="<?php echo base_url('assets');?>/images/quick_view_img_6.jpg" alt=""></li>
              <li data-src="<?php echo base_url('assets');?>/images/quick_view_img_1.jpg"><img src="<?php echo base_url('assets');?>/images/quick_view_img_4.jpg" alt=""></li>
              <li data-src="<?php echo base_url('assets');?>/images/quick_view_img_2.jpg"><img src="<?php echo base_url('assets');?>/images/quick_view_img_5.jpg" alt=""></li>
              <li data-src="<?php echo base_url('assets');?>/images/quick_view_img_3.jpg"><img src="<?php echo base_url('assets');?>/images/quick_view_img_6.jpg" alt=""></li>
            </ul>
            <button class="button_type_11 t_align_c f_size_ex_large bg_cs_hover r_corners d_inline_middle bg_tr tr_all_hover qv_btn_next"> <i class="fa fa-angle-right "></i> </button>
          </div>
          <div class="d_inline_middle">Chia sẻ cho bạn bè:</div>
          <div class="d_inline_middle m_left_5"> 
            <!-- AddThis Button BEGIN -->
            <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div>
            <!-- AddThis Button END --> 
          </div>
        </div>
        <!--right popup column-->
        <div class="f_right half_column"> 
          <!--description-->
          <h2 class="m_bottom_10"><a href="#" class="color_dark fw_medium">Áo Khoác Có Nón Indigo Parka</a></h2>
          <div class="m_bottom_10"> 
            <!--rating-->
            <ul class="horizontal_list d_inline_middle type_2 clearfix rating_list tr_all_hover">
              <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
              <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
              <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
              <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
              <li> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
            </ul>
            <a href="#" class="d_inline_middle default_t_color f_size_small m_left_5">1 đánh giá </a> </div>
          <hr class="m_bottom_10 divider_type_3">
          <table class="description_table m_bottom_10">
            <tr>
              <td>Thương hiệu:</td>
              <td><a href="#" class="color_dark">BURTON MENSWEAR</a></td>
            </tr>
            <tr>
              <td>Đang còn:</td>
              <td><span class="color_green">in stock</span> 20 sản phẩm</td>
            </tr>
            <tr>
              <td>SKU :</td>
              <td>BU071AA22TLDVN</td>
            </tr>
          </table>
          <h5 class="fw_medium m_bottom_10">Một vài thông tin khác ở đây</h5>
          <table class="description_table m_bottom_5">
            <tr>
              <td>Màu sắc:</td>
              <td><span class="color_dark">Rêu Khaki</span></td>
            </tr>
            <tr>
              <td>Thành phần chất liệu:</td>
              <td>100% Cotton</td>
            </tr>
          </table>
          <hr class="divider_type_3 m_bottom_10">
          <p class="m_bottom_10">hởi nghiệp từ năm 1903 với chỉ vỏn vẹn 100 Bảng Anh mượn từ người thân, Montague Burton đã sáng lập và phát triển Đế chế thời trang của mình có bề dày lịch sử hơn 100 năm trong ngành Công nghiệp dệt may. Lúc bấy giờ, Burton Menswear tự hào là nhà tài trợ chính cho World Cup 66, Euro 96 và gần đây nhất là World Cup 2002.</p>
          <hr class="divider_type_3 m_bottom_15">
          <div class="m_bottom_15"> <s class="v_align_b f_size_ex_large">1.520.000 VNĐ</s><span class="v_align_b f_size_big m_left_5 scheme_color fw_medium">960.000 VNĐ</span> </div>
          <table class="description_table type_2 m_bottom_15">
            <tr>
              <td class="v_align_m">Kích thước:</td>
              <td class="v_align_m"><div class="custom_select f_size_medium relative d_inline_middle">
                  <div class="select_title r_corners relative color_dark">s</div>
                  <ul class="select_list d_none">
                  </ul>
                  <select name="product_name">
                    <option value="s">s</option>
                    <option value="m">m</option>
                    <option value="l">l</option>
                  </select>
                </div></td>
            </tr>
            <tr>
              <td class="v_align_m">Số lượng:</td>
              <td class="v_align_m"><div class="clearfix quantity r_corners d_inline_middle f_size_medium color_dark">
                  <button class="bg_tr d_block f_left" data-direction="down">-</button>
                  <input type="text" name="" readonly value="1" class="f_left">
                  <button class="bg_tr d_block f_left" data-direction="up">+</button>
                </div></td>
            </tr>
          </table>
          <div class="clearfix m_bottom_15">
            <button class="button_type_12 r_corners bg_scheme_color color_light tr_delay_hover f_left f_size_large">Thêm vào giỏ hàng</button>
            <button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0"><i class="fa fa-heart-o f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Wishlist</span></button>
            <button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0"><i class="fa fa-files-o f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Compare</span></button>
            <button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0 relative"><i class="fa fa-question-circle f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Ask a Question</span></button>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
</body>